<resources>

    <style name="MainActivity" parent="Theme.AppCompat.Light">
        <item name="windowNoTitle">true</item>
        <item name="windowActionBar">false</item>
        <item name="colorPrimary">@color/colorPrimary</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <style name="AppTheme" parent="Theme.AppCompat.Light.DarkActionBar">
        <item name="colorPrimary">@color/white</item>
        <item name="colorPrimaryDark">@color/colorPrimaryDark</item>
        <item name="colorAccent">@color/colorAccent</item>
    </style>

    <!-- Toolbar in main activity -->
    <style name="Toolbar" parent="@style/ThemeOverlay.AppCompat.Light">
        <item name="android:background">@color/white</item>
    </style>

    <!-- About page -->
    <style name="AboutPage" parent="@style/ThemeOverlay.AppCompat.Light">
        <item name="android:padding">0sp</item>
    </style>

    <style name="AboutPageContent" parent="">
        <item name="android:padding">16sp</item>
    </style>

    <style name="AboutPageTitle">
        <item name="android:textSize">16sp</item>
        <item name="android:paddingTop">20dp</item>
        <item name="android:paddingBottom">10dp</item>
        <item name="android:textStyle">bold</item>
    </style>

    <!-- ListView containing list of radios -->
    <style name="RadioList" parent="">
        <item name="android:padding">0dp</item>
    </style>

    <!-- A radio item in the list -->
    <style name="RadioListItem" parent="">
        <item name="android:padding">16dp</item>
    </style>

    <style name="RadioListItemPicture" parent="">
        <item name="android:layout_width">40dp</item>
        <item name="android:layout_height">40dp</item>
        <item name="android:layout_marginRight">16dp</item>
        <item name="android:layout_centerVertical">true</item>
    </style>

    <style name="RadioListItemText" parent="">
        <item name="android:textSize">15sp</item>
        <item name="android:layout_width">wrap_content</item>
        <item name="android:layout_height">wrap_content</item>
        <item name="android:layout_centerVertical">true</item>
    </style>

    <!-- "Now playing" bar -->
    <style name="NowPlaying" parent="">
        <item name="android:background">@color/white</item>
        <item name="android:textColor">@color/black</item>
        <item name="android:layout_marginTop">0sp</item>
        <item name="android:paddingRight">7sp</item>
        <item name="android:layout_marginBottom">4sp</item>
        <item name="android:paddingLeft">7sp</item>
    </style>

    <!-- Tabs -->
    <style name="TabsText" parent="TextAppearance.Design.Tab">
        <!-- <item name="android:textSize"></item> -->
        <item name="android:textColor">@color/darkGrey</item>
        <!-- <item name="textAllCaps">false</item> -->
    </style>
    <style name="Tabs" parent="Widget.Design.TabLayout">
        <item name="android:background">@color/white</item>
        <item name="tabIndicatorColor">@color/orange</item>
        <item name="tabIndicatorHeight">2sp</item>
        <item name="tabTextAppearance">@style/TabsText</item>
        <item name="tabBackground">@drawable/tab_color_selector</item>
        <item name="tabSelectedTextColor">@color/black</item>
        <item name="android:layout_marginBottom">0sp</item>
        <item name="android:layout_marginTop">0sp</item>
    </style>

</resources>